﻿<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="jpath" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>关于我们</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
	<script type="text/javascript" src="${jpath}/static/page/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="${jpath}/static/page/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="${jpath}/static/page/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="${jpath}/static/page/css/gywm.css">
</head>
<body>
	<div class="container" style="padding:-1px;">
		<div class="row" style="background-color:#FFFFFF; height:3rem; line-height:3rem;">
			<div class="col-xs-2 back">
				<a style="font-size: 1rem;color: black;" href="${jpath}/page/zy">
				<img src="${jpath}/static/page/img/back.png" width="15px" height="15px"></a>
			</div>
			<div class="col-xs-8" style="text-align:center; color:black;">
				关于我们
			</div>
			<div class="clo-xs-2"  style="text-align: right;padding-right: 1rem;">
				<img src="${jpath}/static/page/img/plus.png" width="15px" height="15px">
			</div>
		</div>
		<div class="row">
			<div class="col-xs-3" style="background-color:#F86941; margin-left:-2rem;">
				<ul class="aa">
					<li class="active">
					<a href="#jianjie" data-toggle="tab"  style="text-decoration:none;color:#FFFFFF;outline:none;">
					<img src="${jpath}/static/page/img/jj.png" width="20px" height="20px">
					<div>简介</div></a>
					</li>
					<li>
					<a href="#tiaojian" data-toggle="tab"  style="text-decoration:none;color:#FFFFFF;outline:none;">
					<img src="${jpath}/static/page/img/zd.png" width="20px" height="20px">
					<div>条件</div></a>
					</li>
					<li>
					<a href="#liucheng" data-toggle="tab"  style="text-decoration:none;color:#FFFFFF;outline:none;">
					<img src="${jpath}/static/page/img/td.png" width="20px" height="20px">
					<div>流程</div></a>
					</li>
					<li>
					<a href="#lianxi" data-toggle="tab"  style="text-decoration:none;color:#FFFFFF;outline:none;">
					<img src="${jpath}/static/page/img/lx.png" width="20px" height="20px">
					<div>联系</div></a>
					</li>
				</ul>
			</div>
			<div class="col-xs-1"></div>
			<div class="col-xs-7" style="background-color:#2066B2; padding:3rem;">
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane fade in active" id="jianjie">
						<P class="title">简介</p>
						<p class="zw">${cp.jj }</p>
					</div>
					<div class="tab-pane fade" id="tiaojian">
						<P class="title">条件</p>
						<p class="zw">${cp.tj }</p>
					</div>
					<div class="tab-pane fade" id="liucheng">
						<P class="title">流程</p>
						<p class="zw">${cp.lc }</p>
					</div>
					<div class="tab-pane fade" id="lianxi">
						<P class="title">联系</p>
						<p class="zw">${cp.lxwm }</p>
					</div>
				</div>
				<div class="row dz">
					<div class="col-xs-12 dz-1">
						<div class="row">
							<div class="col-xs-4" style="border-right:1px solid #FFFFFF;">
								<div class="row">
									<div class="col-xs-6 dz-2"><img src="${jpath}/static/page/img/dz.png" width="15px" height="15px"></div>
									<div class="col-xs-6 dz-3">点赞</div>
								</div>
							</div>
							<div class="col-xs-4" style="border-right:1px solid #FFFFFF;">
								<div class="row">
									<div class="col-xs-6 dz-2"><img src="${jpath}/static/page/img/ly.png" width="15px" height="15px"></div>
									<div class="col-xs-6 dz-3">留言</div>
								</div>
							</div>
							<div class="col-xs-4">
								<div class="row">
									<div class="col-xs-6 dz-2"><img src="${jpath}/static/page/img/fx.png" width="15px" height="15px"></div>
									<div class="col-xs-6 dz-3">分享</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-1"></div>
		</div>
	</div>
</body>
</html>